icon 图标

更新时间：2023-06-19

iov-icon 图标

图标

一、属性说明

属性名	类型	默认值	必填	说明
class-name	String	无	否	自定义 class
type	String	无	否	icon 类型
color	String	无	否	图标颜色

示例：

json:

{
    "navigationBarTitleText": "智能小程序官方组件",
    "usingComponents": {
        "iov-icon": "iov-ui/lib/icon"
    }
}

swan:

<view class="test">
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="eye" />
        <text>eye</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="back" />
        <text>back</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="close" />
        <text>close</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="search" />
        <text>search</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="more" />
        <text>more</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="voice" />
        <text>voice</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="position" />
        <text>position</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="noeye" />
        <text>noeye</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="film" />
        <text>film</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="del" />
        <text>del</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="call" />
        <text>call</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="switch" />
        <text>switch</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="refresh" />
        <text>refresh</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="navigate" />
        <text>navigate</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="film-s" />
        <text>film-s</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="edit" />
        <text>edit</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="shopping" />
        <text>shopping</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="clock" />
        <text>clock</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="done" />
        <text>done</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="fail" />
        <text>fail</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="stop" />
        <text>stop</text>
    </view>
    <view class="icon-item">
        <iov-icon class-name="icon" class="item" type="cancel" />
        <text>cancel</text>
    </view>
</view>

collapse 折叠面板 image 图片